<template>
  <div>
    <n-card
      title="🛎️ 设置提醒"
      embedded
      :bordered="false"
      class="cursor-pointer"
      @click="handleClick('/remind')"
    />
    <n-divider class="!m-0" />
    <n-card
      title="✅ 完成打卡"
      embedded
      :bordered="false"
      class="cursor-pointer"
      @click="handleClick('/recordCompletion')"
    />
  </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'
const router = useRouter()

const handleClick = (path: string) => {
  router.push(path)
}
</script>

<style lang="scss" scoped></style>
